@charset "utf-8";

article{
    width: 790px;
    .change_binding{
        width: 664px;
        height: 407px;
        float: left;
        margin-left: 79px;
        margin-top: 37px;
        p{
            font-size: 20px;
        }
    }
    .content{
        width: 664px;
        height: 356px;
        float: left;
        margin-top: 32px;
        background: #f7f7f7;
        .schedule{
            width: 619px;
            height: 20px;
            margin: 41px 0 0 22px;
            border-radius: 30px;
            background: #f0f0f0;           
            .verify_phone{
                width: 167px;
                height: 20px;
                float: left;
                background: #eb413d;
                border-radius: 50px;
                .dot{
                width: 8px;
                height: 8px;
                border-radius: 50%;
                float: left;
                margin: 6px 0 0 9px;
                background: #ffffff;
                      }  
                p{
                    margin-left: 40px;
                    color: #fff;
                }           
             }
            p{
                font-size: 14px;
                float: left;
                color: #878787;
            }
             p:nth-child(2){
                 margin-left: 32px;
            }
             p:nth-child(3){
                margin-left: 80px;
        }
             p:nth-child(4){
                margin-left: 77px;
        } 
                   
        }
       
        .verify_form{
            width: 445px;
            height: 210px;
            float: left;
            margin: 43px 0 0 147px;
            p{
                font-size: 14px;
            }
            form{
                width: 445px;
                height: 172px;
                position: relative;
                right: 13px;
                p{
                    font-size: 13px;
                    color: #878787;
                    float: left;
                }
                .first_text{
                    width: 180px;
                    height: 38px;
                    border: 1px solid #e7e7e7;
                    float: left;
                    border-radius:5px ;
                    margin-top: 26px;
                    margin-left: 22px;
                    padding-left: 5px;
                }
                p:nth-child(1){
                    margin-top: 41px;
                }
                .verification_code{
                    width: 98px;
                    height: 41px;
                    float: left;
                    margin: 25px 0 0 16px;
                    img{
                        width: 100%;
                    }
                }
                p {
                    margin: 37px 0 0 15px;    
                    a{
                        color: #444f58;                       
                    } 
                    a:hover{
                            opacity: 0.3;
                        }
                    a:active{
                            opacity: 0.3;
                        }             
                }
                .underline{
                    float: left;
                    width: 40px;
                    height: 1px;
                    background: #b7b9bc;
                    margin: 5px 0 0 14px;
                }
                .get_num{
                    width: 104px;
                    height:40px;
                    color: #fff;
                  margin: 24px 0 0 14px;
                   &:hover,&:active{
                      background: #ff3834;
                  }
                }
              .btn_177{
                  color: #fff;
                  margin: 27px 0 0 79px;
                  &:hover,&active{
                      background: #ff3834;
                  }
              }
            }
        }
    }
}
